---
title: Responsive Design
metaDescription: Amplify UI supports responsive design out of the box. Build responsive layouts in your applications using responsive style props with the built-in set of breakpoints, write custom media queries in CSS, or use the Flex and Grid components.
supportedFrameworks: react
---

import { getCustomStaticPath } from '@/utils/getCustomStaticPath';
import WebPage from './web.mdx';

export async function getStaticPaths() {
  return getCustomStaticPath(frontmatter.supportedFrameworks);
}

{/*  `getStaticProps` is required to prevent "Error: getStaticPaths was added without a getStaticProps. Without getStaticProps, getStaticPaths does nothing" */}

export async function getStaticProps() {
  return { props: {} }
}

<WebPage />
